Top 18 Unique HTML Contact Forms Ideas For Web Developers

1. jQuery Contact Tabs

featured image

A email contact form generator for creating unlimited slide-out or static contact tabs containing AJAX powered customised forms. Add multiple tabs, each with its own custom form or use the built-in default standard contact form. All form HTML and styling generated by the plugin.jQuery Contact Tabs Features

Create custom forms with 12 different form elements

Show/hide slide out tabs or change active contact tab using external links.Default contact form very easy to use – just add a single div tag to your web page & initialize the plugin!

jQuery Contact Tabs Demos

Multiple Contact Forms

More Details

2. Formoid

Formoid

Formoid makes creating beautiful web forms a cinch and a joy. With a no-coding drag-n-drop GUI, trendy Flat, Metro, Bootstrap form themes, pure css styled, responsive, retina-ready form elements, as-you-type validation, anti-spam captcha - Formoid is a just incredible form tool!

Modern Metro, Flat, Bootstrap form themes with fancy color schemes.

Pure CSS radios, checkboxes, selects, file upload, date picker, tooltips, and even google captcha!

All form elements look brilliantly on high resolution displays and devices.

Fully optimized to work on desktops, mobiles, and tablets.

More Details

3. NETSA - Contact Upload Zip Mail

featured image

Netsa Contact + Upload + Zip + Mail is a web based application that will create any type on google online forms with the ability to upload attachments, zip them on the server and send the documents and field information onto the desired mail addresses. Send mails in html format.

More Details

4. Form Generator - WordPress Contact Form Builder

featured image

Create Beautiful Forms In Seconds

Create Unlimited Contact Forms, Online Surveys, Booking Forms Or Event Registrations In WordPress

Get More Contacts And More Leads With Forms Matching Your WordPress Theme Instantly

Have Complete Control On Your Forms Design Without Coding Any HTML Or CSS

Build Your Form In Less Than 60 Seconds: take full control of your forms with our effortless drag and drop form builder

Greatly Reduce The Time You Spend On Managing Forms In WordPress

Customize Every Detail And Create Professional Looking Forms

Bulletproof Forms : each form includes validation procedures that prevent invalid data and prevent malicious code from being sent to you

Create As Many Forms As You Need In Seconds

Contact forms

Event registration forms

File upload forms

Reservation forms

Feedback forms

Take a look at how easy it is to manage multiple choice inputs for your forms :

WordPress Shortcodes Available : insert your forms in any WordPress post or page

Now Creating Forms In WordPress Is EASY

Take Your Forms To The Next Level

Focus On The Creative Aspects Of Your Forms And Leave The Technical Aspects Aside

All your forms will work right out of the box. No knowledge of HTML, CSS or PHP is necessary to have it all working properly.High Quality Code Guaranteed : Form Generator delivers clean HTML coded forms fully compliant with W3C standards

More Details

5. Zi-4-Forms

featured image

Nice, clean and easy to use CSS3 Forms which has 4 forms included. This is clean and pleasant designed login, register, recover password & contact forms in HTML user interface with messages for each field which will help the visitors or members of your website. • 4 Trendy Tabbed Forms

• Contact Us

More Details

6. JQuery CForms Form Generator

featured image

CForms is a jQuery carousel plugin to display and manage html forms, validation and ajax communication. Six ready to use example forms

All HTML elements have uniqe ids and classes for easy css styling

Additional text formitem for explanations or other html code beside input elements

If you are not familiar with writing html markup for forms and want to have ajax validated forms with an enhanced css styling capability this CSS contact form generator is the best one for you.CForms uses xml files to configure forms. You get a couple of pre factored forms with the download package to start with.Additionally you get a complete login script with a simple form HTML and all necessary php and html files.

More Details

7. Ether Forms Builder WordPress Plugin

featured image

Ether Forms is a standalone plugin fully compatible with ether content builder wordpress plugin – largely popular

Works with any 3rd party themes (contact us in case of problems)

Widgets accept shortcodes and html notation

Email: contact.

More Details

8. Ajax Contact Form with attachments

featured image

Ajax Contact Form with Attachments and no spam control (drag and drop, reCaptcha, ayah)

The w2 Ajax Contact Form is a complete solution to create ajax contact form. You can easily create your own forms HTML templates and your own themes CSS.New HTML form template with HTML5 attribute placeholder.Adding the HTML form textarea enctype=”multipart/form-data” for form element in examples.New method to create your own HTML template for the mail body message.Easy to configure (html, css, javascript, php).Email message accepts HTML content (configurable). reCaptchaId: 'recaptcha', //Specifie an unqiue ID for HTML element where reCaptcha will be integrated (just specifie the ID do not create the element in the form)

//creation of a new instance of Class Contact

$contact = new W2ContactForm();

//if you need to redefine some parameters (example: if you have several contact form in your web site)

$contact->setMailSender('no-reply@mywebsite. $contact->setMailRecipient(array('1' => 'youremail@mail. $contact->setAutoResponder(true);

$contact->setMailResponder('no-reply2@mywebsite. $contact->setSiteName(array('name of web site'));

$contact->setRequiredFields(array('recipient', 'mail', 'subject', 'message'));

$contact->setBodyMessageFields('<p>E-mail: [mail]</p><p>Version: [version]</p><p>Phone: [phone]</p><p>Date of Birth: [datebirth]</p><p>Country: [country]</p><p>Web site: [website]</p><p>Message: [message]</p>');

$contact->setMailSubject = 'subject of the message';

//Specifies the fields need HTML encodage (example: textarea)

$contact->setHtmlFields(array('message'));

//Specifies if HTML tags is accepted in the email message (for the textarea form validation element)

$contact->setAcceptHtmlContent(false);

//Specifies if the form submit HTML is encoded in utf_8

$contact->setUtf8Encode(true);

$contact->setUploadsFolder(dirname(__FILE__). $contact->setMaxFileSize(1000000);

$contact->setMaxAttachmentFiles(5);

$contact->setExtFileOk(array('pdf', 'doc', 'docx', 'jpeg', 'jpg', 'png', 'gif'));

$contact->setDeleteUploadsAfterSending(true);

$contact->setAntiSpamTimeControl(array('min' => '5', 'max' => '3600'));

$contact->setAutoCHMOD(false);

$contact->setNoSpamControl(true);

$contact->setReCaptcha(false);

$contact->setAyah(false);

$contact->setLang('en');

$contact->sendEmail();

More Details

9. Pure CSS3 Forms Set + Validation and Masking

featured image

Pure CSS3 Forms Set allows you to create forms of any complexity and for any needs (login, registration, contacts, search, checkout, etc. With powerful validation and masking your forms become super friendly and very easy to fill.If you liked Forms Set, please don’t forget to rate it!

Check out this pure CSS3 tables Forms Set.Beautiful forms.This is very slick looking forms. Inputs masking for creation user friendly forms

Light and nice modal forms

To get support please send me an email through the wordpress contact form on my profile page. You can find the PHP contact form required fields on the right side of the page.Important note: support is offered exclusively through the form contact HTML and not in the comments section. Small improvements to modal forms.Added input with autocomplete (pure HTML and CSS).Added modal forms.

More Details

10. Leads Contact Forms

featured image

Leads Contact Forms

Collect your contact leads from any 3rd party site by simple placing small peace of HTML and email form JavaScript code within their page content.

More Details

11. Wordpress Ajax Contact Form with attachments

featured image

Ajax Contact Form with Attachments and no spam control (drag and drop, reCaptcha, ayah) for Wordpress

The w2 Ajax Contact Form for Wordpress is a complete solution to create ajax contact form in Wordpress. You can easily create (Full HTML edition) your own forms HTML templates (add or remove fields) and your own themes CSS.The plugin include features to solve theme conflict (Global Settings section), so if there is a theme conflict and you want to buy the plugin you can contact the technical support (send the url of the page where the form is displaying) to know the right configuration of the Global Settings section to solve theme conflict.New HTML form template with HTML5 attribute placeholder.Possibility to update the jQuery contact form plugin translation text for “en” and “en_US” language in the file “js/w2_contact_form/localization/message_en.Possibility to use PHP code in HTML source code for login form editor when you integrate the form via PHP hard code (feature only available for PHP hard code integration). Make a copy of your HTML forms source code if you need to keep them.7 you need to change the HTML class selector class=”shadow” to class=”w2_shadow” for each element of your forms.New feature to auto-configure the fields settings section by checking the HTML elements of the form with jquery.New method to create your own HTML template for the mail body message.You can create your own HTML template files and automatically add them to your lists of template in the form editor.Email message accepts HTML content (configurable).You can create several forms and save them in database.

More Details

12. Sky Forms Pro

featured image

Sky Forms Pro is a set of beautiful form elements with large amount of javascript features: validation, masking, modals, ajax submit, datepickers. It allows you to create forms of any complexity and for any needs: login, registration, contacts, review, order, comment, checkout, etc.If you like Sky Forms Pro, please don’t forget to rate!

Check out this: Sky Forms (5$).Ajax PoweredAllows you to easily and unobtrusively upgrade HTML forms to use AJAX instead of regular sumbit.26 Useful ExamplesYou can use these examples as a base for creation your own forms simple and fast. Semantic HTML markup and standards compliant CSS.Lifetime SupportTo get support please send me an email through the HTML form generator on my profile page.

More Details

13. Essential Bootstrap Form Pack

featured image

A set of styled and functional forms for your next website.quickly with these fully working and attractive forms. All forms come with validation examples and database code to store input

Multiple versions of login & sign-in forms

New user registration and sign-up forms

Working contact form using PHP mail

php in your browser to see all the example forms

Add data to the forms and submit and you’ll see it saved in your database

For Payments/Subscription Forms:

Recently updated to tidy up code and add extra security on the payment and subscription forms by ensuring auto-complete is disabled.

More Details

14. Slick & Clean CSS3 Contact and Register Forms Pack

featured image

Contact, Feedback, Questionnaire and Registration Forms Pack

Slick & Clean CSS3 / HTML5 Forms are made to be easily modified and customized to suit your needs with flexible styling. The pack contains 6 CSS3 / HTML5 Forms with 22 different setup’s (popup and static):

Contact, Feedback and Questionnaire form in animated tabs

Contact form Basic

Contact form Simple

CSS3 and HTML powered

Contact us for troubleshooting – we’ll help in no time.Updates of the Forms Pack

- Added new forms: Contact, Feedback and Questionnaire form

- Added validation fields for HTML5 login and registration form Forms

More Details

15. jQuery and PHP powered Easy Form

featured image

Looking for a simple contact form that has nice, user friendly validation? You’ve found it. JavaScript mainly for normal users who just love to fill in forms (and to save sending unnecessary requests to the server). PHP validation for those who love to try to break forms or just simply have JS disabled. Why does a form need validation? A lot of forms constantly get bombarded with spam because of security flaws.Very easy to implement into an existing HTML or PHP web page.Customise the simple HTML email form CSS message that is sent

Please feel free to contact me via CodeCanyon or email at hello@davidpottrell.

More Details

16. Advanced HTML5 Contact Form

featured image

Multiple forms

Have multiple forms on one page; it doesn’t matter how many

Specify the barebones of a field, and this script will generate all the appropriate HTML tags and such. HTML in your emails

HTML is valid for the emails that you receive in your inbox, generated from this script.Please contact us with any questions you may have via the email contact form on our author profile page.

More Details

17. Ajax Newsletter Signup Form with Auto List Builder

featured image

The plugin based architecture allows you to place different forms on different HTML input types pages. You do not need an aspx page, just HTML!1 code file and 1 javascript file do everything from signing a user up, sending a confirmation to the user, sending you a confirmation, and adding the new subscriber to your xml based subscriber list.Support Please contact us with any questions you may have via the contact form plugin on our author profile page.

More Details

18. Forms and Validation

featured image

Usage of “Forms and Validation”

The creation of HTML-forms is a time consuming task. The include PHP class “Forms and Validation” can reduce the necessary time to create input forms on your website to a minimum.The installation of “Forms and Validation” class is very simple and saves you a lot of time. Just follow the following installation steps and you will see how easy it is to create forms and validate them.create all html form types with one line of code

More Details

19. Email with Multiple Attachments (HTML5, PHP)

featured image

HTML5 PHP Multiple Attachments Email lets you send fully supported HTML based email with multiple attachments. Get this script, customize settings and upload at your server or integrate it in your current project to send or receive HTML based emails containing multiple file attachments. No more boring RFQ forms! It will also turn your contact form into a fully customizable HTML5 based contact application that can collect files from users.Fully supported, well formatted HTML email with attachments

This is a highly customizable easy to use advanced email script that can be used to send or receive beautiful HTML emails.

More Details